<html>
  <head>
    <h1>BigBrother</h1>

    <style type="text/css">
    #navbar {
         display: block;
         width: 100%;
         border-top: 2px solid green;
         border-bottom: 2px solid green;
         background: white;
       }

    #navbar li {
        display: block;
        float: left;
        width: 20%;
       }

    #navbar ol {
         list-style: none;
         padding: 0;
         margin: 0;
       }

    #navbar a {
         display: block;
         padding: 10px;
         border: 1px solid green;
         color:green;
       }

    #features{
         position: relative;
         top: 15;
         left: 50;
         margin: 5px;
         padding: 5px;
         display: block;
    }
    #features li{
         position: static;
         margin: 5px;
         display: block;
     }

    </style>
  </head>
  
  <body>
  <h2> keep your friends close -- your enemies closer </h2>
    <p> BigBrother is a user-friendly mobile application that allows you and your friends to share your locations, 
    view any contacts near your area, and navigate towards a individual of interest. When you can't find those you 
    seek, BigBrother can do it for you. Effortlessly turn yourself into a realtime hotspot by sharing your location 
    with friends and family. </p>

  <div id="navbar">
    <ol>
      <li><a>Features</a></li>
      <li><a>Gallery</a></li>
      <li><a>Download</a></li>
      <li><a>Feedback</a></li>
      <li><a>About</a></li>
    </ol>
  </div>
    
    <div class="moreinfo" id="features">
      <ul>
        <li>Share your location with friends</li>
        <li>View friends in your area</li>
        <li>Navigate to friends</li>
        <li>Save locations or automaticatically update them</li> 
      </ul>
    </div>
    
    <div class="moreinfo" id="gallery">
    </div> 
    
    <div class="moreinfo" id="download">
    </div>
    
    <div class="moreinfo" id="feedback">
    </div>
    
    <div class="moreinfo" id="about">
    </div>
    
  </body>
</html>
